<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="../../css/reset.css">
    <title>对公转账</title>
    <style>
        body {
            width: 100%;
            background-color: #ffffff;
            font-size: 0.28rem;
            height: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Helvetica;
            color: #333333;
            padding-bottom: 0.3rem;
        }

        .choosePayMethod {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: flex-start;
            justify-content: space-between;
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(137, 137, 137, 1);
            padding: 0 0.33rem;
            box-sizing: border-box;
            margin-top: 0.3rem;
            position: relative;
            margin-bottom: 0.1rem;
        }

        .choosePayMethod::after {
            position: absolute;
            content: "";
            width: 6.9rem;
            height: 1px;
            background: rgba(238, 238, 238, 1);
            position: absolute;
            left: 0.28rem;
            bottom: -0.2rem;
        }

        .choosePayMethod>p {
            width: 2rem;
        }

        .choosePayMethod div {
            flex: 1;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-end;
        }

        .choosePayMethod div p {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
        }

        .choosePayMethod div p:first-of-type img {
            width: 0.36rem;
            margin-right: 0.1rem;
        }

        .choosePayMethod div p:last-of-type img {
            margin-left: 0.1rem;
        }

        .classText {
            width: 100%;
            height: auto;
            padding: 0 0.3rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
        }

        .classText>span {
            width: 100%;
            height: auto;
            margin-top: 0.3rem;
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(89, 89, 89, 1);
        }

        .showList {
            width: 100%;
            height: auto;
            margin-top: 0.3rem;
            padding-bottom: 0.2rem;
        }

        .showListAli {
            width: 100%;
            height: auto;
            margin-top: 0.3rem;
            padding-bottom: 0.2rem;
        }

        .showdeatail {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

        }

        .showdeatail li {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            border-left: 1px solid rgba(248, 212, 72, 1);
            border-right: 1px solid rgba(248, 212, 72, 1);
        }

        .showdeatail li>p {
            height: 0.8rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .showdeatail li>p:first-of-type {
            width: 2rem;
            padding-left: 0.25rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            border-right: 1px solid rgba(248, 212, 72, 1);
            background-color: #fff6e7;
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 550;
            color: rgba(38, 38, 38, 1);
        }

        .showdeatail li>p:last-of-type {
            flex: 1;
            padding: 0 0.1rem 0 0.2rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.24rem;
        }

        .showdeatail li:nth-of-type(3) {
            height: 1rem;
        }

        .showdeatail li:nth-of-type(3) p {
            height: 1rem;
        }


        .showdeatail li:nth-of-type(3) p:last-of-type {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .showdeatail li:nth-of-type(3) p:last-of-type span:first-of-type {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }


        .showdeatail li:nth-of-type(odd) {
            border-bottom: 1px solid rgba(248, 212, 72, 1);
            border-top: 1px solid rgba(248, 212, 72, 1);
        }

        .showdeatail button {
            outline: none;
            width: 1rem;
            height: 0.4rem;
            line-height: 0.4rem;
            text-align: center;
            font-size: 0.2rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(130, 117, 67, 1);
            background: #ffd203;
            border: 1px solid rgba(248, 212, 72, 1);
        }

        .showdeatailNew {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

        }

        .showdeatailNew li {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            border-left: 1px solid rgba(248, 212, 72, 1);
            border-right: 1px solid rgba(248, 212, 72, 1);
        }

        .showdeatailNew li>p {
            height: 0.8rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .showdeatailNew li>p:first-of-type {
            width: 2rem;
            padding-left: 0.25rem;
            box-sizing: border-box;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            border-right: 1px solid rgba(248, 212, 72, 1);
            background-color: #fdf6e9;
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 550;
            color: rgba(38, 38, 38, 1);
        }

        .showdeatailNew li>p:last-of-type {
            flex: 1;
            padding: 0 0.1rem 0 0.2rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.24rem;
        }

        .showdeatailNew li:nth-of-type(3) {
            height: 1rem;
        }

        .showdeatailNew li:nth-of-type(3) p {
            height: 1rem;
        }


        .showdeatailNew li:nth-of-type(3) p:last-of-type {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .showdeatailNew li:nth-of-type(3) p:last-of-type span:first-of-type {
            flex: 1;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }


        .showdeatailNew li:nth-of-type(odd) {
            border-bottom: 1px solid rgba(248, 212, 72, 1);
            border-top: 1px solid rgba(248, 212, 72, 1);
        }

        .showdeatailNew button {
            outline: none;
            width: 1rem;
            height: 0.4rem;
            line-height: 0.4rem;
            text-align: center;
            font-size: 0.2rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(130, 117, 67, 1);
            background: #ffd203;
            border: 1px solid rgba(248, 212, 72, 1);
        }

        .showInput {
            width: 100%;
            height: 1rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0.3rem;
            box-sizing: border-box;
            border-top: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
            margin-top: 0.37rem;
            margin-bottom: 0.17rem;
        }

        .showInput input {
            flex: 1;
            height: 0.8rem;
            text-align: right;
            line-height: 0.8rem;
            border: none;
            outline: none;
            font-size: 0.26rem;
        }

        .showInput input::placeholder {
            color: rgba(189, 191, 194, 1);
        }

        .textArena {
            width: 100%;
            height: 1.06rem;
            padding: 0 0.39rem 0 .29rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            background-color: rgba(255, 251, 237, 1);
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(89, 89, 89, 1);
            border: 1px solid #FFE893;
            border-left: none;
            border-right: none;
        }

        .buttonBgcolor {
            width: 100%;
            background-color: #f8f8f8;
            padding-bottom: 0.4rem;
        }

        #gosureButton {
            border: none;
            outline: none;
            width: 6.88rem;
            height: 0.88rem;
            line-height: 0.88rem;
            text-align: center;
            margin-left: calc((100% - 6.88rem) / 2);
            margin-top: 0.4rem;
            background-color: #F8D448;
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
            opacity: 0.93;
            border-radius: 0.1rem;
        }

        #revokeButton {
            border: none;
            outline: none;
            width: 6.88rem;
            height: 0.88rem;
            line-height: 0.88rem;
            text-align: center;
            margin-left: calc((100% - 6.88rem) / 2);
            margin-top: 0.4rem;
            background-color: #ffffff;
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
            border-radius: 0.1rem;
        }

        #aliOderId {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 0 0.3rem;
            box-sizing: border-box;
            margin-bottom: 0.23rem;
        }

        #aliOderIdnew {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 0 0.3rem;
            box-sizing: border-box;
            margin-bottom: 0.23rem;
        }

        #getAliOrderNum {
            display: inline-block;
            width: 100%;
            height: 0.8rem;
            border: none;
            outline: none;
            border-bottom: 1px solid #eeeeee;
            font-size: 0.26rem;
            border-radius: 0;
        }

        #getAliOrderNum::placeholder {
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(189, 191, 194, 0.93);
        }

        #getAliOrderNumnew {
            display: inline-block;
            width: 100%;
            height: 0.8rem;
            border: none;
            outline: none;
            border-bottom: 1px solid #eeeeee;
            font-size: 0.26rem;
            border-radius: 0;
        }

        #getAliOrderNumnew::placeholder {
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(189, 191, 194, 0.93);
        }

        .sceondPay {
            margin-top: 0.6rem;
        }

        .ewnamenew {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 0 0.3rem;
            box-sizing: border-box;
            margin-bottom: 0.23rem;
        }

        #getAliUsernamenew {
            display: inline-block;
            width: 100%;
            height: 0.8rem;
            border: none;
            outline: none;
            border-bottom: 1px solid #eeeeee;
            font-size: 0.26rem;
            border-radius: 0;
        }

        #getAliUsernamenew::placeholder {
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(189, 191, 194, 0.93);
        }

        .textArenanew {
            width: 6.9rem;
            height: 1.06rem;
            margin-left: calc((100% - 6.9rem) / 2);
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 0 0 0.14rem;
            box-sizing: border-box;
            background: #F8F8F8;
            font-size: 0.2rem;
            color: #595959;
            border-radius: 0.08rem;
        }
    </style>
</head>

<body>
    <div class="choosePayMethod">
        <p>
            当前支付方式
        </p>
        <div class="showchooseBank">
            <p>
                <img src="../../image/iconblkhx.png" class="itemImgUrl">
                <span class="itemName">
                    银行卡转账
                </span>
            </p>
        </div>
    </div>
    <div class="yinlianBox hideBox" style="display: none;">
        <div class="classText">
            <span>
                1.请向指定银行账户付款
            </span>
            <div class="showList">

            </div>
            <span>
                2.请用第三方网银或者银行柜台转款
            </span>
            <span>
                3.转账后请填写转款人姓名,提交确认请求
            </span>
            <span>
                4.超过10分钟未确认，请联系客服核查
            </span>
            <span>
                5.周末充值到账速度较慢，若未到账，则顺延至工作日处理
            </span>
        </div>
        <div class="showInput">
            <span>
                转款卡主姓名
            </span>
            <input type="text" id="getUsername" placeholder="请输入卡主姓名">
        </div>
        <div class="textArena">
            <p>
                温馨提示:如有任何疑问请联系专属客服(请在工作日<span style="color: #F45959;">9:00~21:00</span> 之间完成充值)
            </p>
        </div>
    </div>
    <div class="ailiPayBox hideBox" style="display: none;">
        <div class="classText">
            <span>
                1.请向指定支付宝账户付款 <span style="color:#ED5656">（转账请备注人人矿场注册手机号)</span>
            </span>
            <div class="showListAli">

            </div>
            <span>
                2.请勿备注含有人人矿场，算力，挖矿，BTC，USDT以及其他数字资产名称等信息，防止汇款被拦截，银行卡被冻结等问题；
            </span>
            <span>
                3.转账后请填写转款人姓名,提交确认请求
            </span>
            <span>
                4.超过工作时间超过1小时未确认，请联系客服核查
            </span>
            <span>
                5.周末充值到账速度较慢，若未到账，则顺延至工作日处理
            </span>
        </div>
        <div class="showInput">
            <span>
                付款方支付宝认证姓名
            </span>
            <input type="text" id="getAliUsername" placeholder="请输入姓名">
        </div>
        <div id="aliOderId">
            <span class="openAliPage" style="display: flex;display: -webkit-flex;align-items: center;">
                支付宝账单订单号 <img src="../../image/iconjieshaox.png"
                    style="width: 0.3rem;height: 0.3rem;margin-left: 0.05rem;">
            </span>
            <input type="text" id="getAliOrderNum" placeholder="请输入订单号">
        </div>
        <div class="textArena">
            <p>
                温馨提示:如有任何疑问请联系专属客服(请在工作日<span style="color: #F45959;">9:00~21:00</span> 之间完成充值)
            </p>
        </div>
    </div>
    <div class="sceondPay" style="display: none;">
        <div class="ewnamenew">
            <span style="display: flex;display: -webkit-flex;align-items: center;">
                付款方支付宝认证姓名
            </span>
            <input type="text" id="getAliUsernamenew" placeholder="请输入姓名">
        </div>
        <div id="aliOderIdnew">
            <span class="openAliPage" style="display: flex;display: -webkit-flex;align-items: center;">
                支付宝账单订单号 <img src="../../image/iconjieshaox.png"
                    style="width: 0.3rem;height: 0.3rem;margin-left: 0.05rem;">
            </span>
            <input type="text" id="getAliOrderNumnew" placeholder="请输入订单号">
        </div>
        <div class="textArenanew">
            <p>
                温馨提示:如有任何疑问请联系专属客服(请在工作日<span style="color: #F45959;">9:00~21:00</span> 之间完成充值)
            </p>
        </div>
    </div>
    <div class="buttonBgcolor">
        <button id="gosureButton">
            我已确认转账
        </button>
        <button id="revokeButton">
            撤销充值订单
        </button>
    </div>

    <script src="../../script/autosize.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/dotmin.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            app.headerMap();
            var account = app.getAccount();
            if (app.ST == "ios") {
                $("input").click(function () {
                    $(this).focus().select();
                });
            }
            $(".openAliPage").click(function () {
                var bandData = {
                    name: "noticepage",
                    subpage: "extrapage/noticepage",
                    title: "对公转账",
                    param: {
                        pageName: "noticepage",
                        allowEdit: true,
                        content: "<div style='width: 100%;padding:0.1rem 0.4rem 0.6rem 0.47rem;box-sizing: border-box;background-color: #fff;'><p style='position: relative;width: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin: 0.47rem 0;'>打开支付宝，在【我的】-【账单】，找到该笔转账订单，并复制订单号</p><p style='font-size:0.26rem;font-family:PingFang SC;font-weight:400;color:rgba(38,38,38,1);line-height:0.6rem;'><img src='../../image/iconzhangdanxiangqignx.png' style='width: 6.72rem;height: 6.42rem;'></p></div>"
                    },
                };
                app.setNavBarAttr(bandData);
            });
            var pageParam = api.pageParam.data;//上个页面data
            var amount = pageParam.money;//金额
            var getChoose = pageParam.getChoose;//支付币种
            var order_id = '';//订单id
            var payMethod = pageParam.chooseMethod;//BANK_TRANSFER为银行卡 ALIPAY_TRANSFER为支付宝
            var isnew = pageParam.isNew;
            if (payMethod == "ALIPAY_TRANSFER") {
                $(".itemImgUrl").attr("src", "../../image/iconaxglnj.png");
                $(".itemName").text("支付宝转账");
            }
            function bind(params) {
                $(".showdeatail").on("click", "button", function () {
                    var thisValue = $(this).attr("data-value");
                    if (app.clipboard) {
                        app.clipboard.set({
                            value: thisValue
                        }, function (ret, err) {
                            app.log("copy", ret);
                            if (ret.status) {
                                app.toast("复制成功");
                            } else {
                                app.toast("复制失败！");
                            }
                        });
                    }
                });
            }
            function bindALi(params) {
                $(".showdeatailNew").on("click", "button", function () {
                    var thisValue = $(this).attr("data-value");
                    if (app.clipboard) {
                        app.clipboard.set({
                            value: thisValue
                        }, function (ret, err) {
                            app.log("copy", ret);
                            if (ret.status) {
                                app.toast("复制成功");
                            } else {
                                app.toast("复制失败！");
                            }
                        });
                    }
                });
            }
            var pageData = pageParam.pageData;
            order_id = pageData.order_id;
            $(".hideBox").hide();
            if (payMethod == "BANK_TRANSFER" || payMethod == "IPFS_TRANSFER") {
                $(".yinlianBox").show();
                var cardInfo = {
                    dtype: "dialog15",
                    data: {
                        title: "汇款订单",
                        getChoose: getChoose,
                        extra: pageData
                    }
                };
                var tpl = doT.template($("#dialog15").text());
                $(".showList").html(tpl(cardInfo));
                bind();
            } else {
                $(".ailiPayBox").show();
                var cardInfoNew = {
                    dtype: "dialog15New",
                    data: {
                        title: "汇款订单",
                        getChoose: getChoose,
                        extra: pageData
                    }
                };
                var tplnew = doT.template($("#dialog15New").text());
                $(".showListAli").html(tplnew(cardInfoNew));
                bindALi()
            }
            // console.log("---------------------接口请求参数" + JSON.stringify(pageData));
            $("#gosureButton").click(function () {
                var cardUserName = "";
                // 校验表单
                if ((!$("#getUsername").val().trim() && payMethod == "BANK_TRANSFER" ) || (!$("#getUsername").val().trim() && payMethod == "IPFS_TRANSFER")) {
                    app.toast("请输入卡主姓名！");
                    return;
                }
                if (!$("#getAliUsername").val().trim() && payMethod == "ALIPAY_TRANSFER") {
                    app.toast("请输入支付宝认证姓名！");
                    return;
                }
                if (!$("#getAliOrderNum").val().trim() && payMethod == "ALIPAY_TRANSFER") {
                    app.toast("请输入支付宝订单号！");
                    return;
                }
                var param = {
                    dtype: "dialog96",
                    data: {
                        paytext: payMethod == "ALIPAY_TRANSFER" ?  "支付宝账户":"银行账户",
                        payname: payMethod == "ALIPAY_TRANSFER" ? $("#getAliUsername").val().trim():$("#getUsername").val().trim(),
                        cancel: "cancel",
                        confirm: 'confirmTranfer',
                        stopPropagation: true,//阻止点击body冒泡
                    }
                };
                app.dialog(param);
                function sendData(params) {
                    if (payMethod == "BANK_TRANSFER" || payMethod == "IPFS_TRANSFER") {
                        cardUserName = $("#getUsername").val().trim();
                    } else {
                        cardUserName = $("#getAliUsername").val().trim();
                    }
                    app.ajax({
                        param: {
                            method: "post",
                            url: app.ajaxUrl + "recharge/transfer",
                            data: {
                                values: {
                                    token: account.token,
                                    order_id: order_id,
                                    amount: amount,
                                    card_owner_name: cardUserName,
                                    channel: payMethod,
                                    alipay_order: payMethod == "ALIPAY_TRANSFER" ?  $("#getAliOrderNum").val().trim():""
                                }
                            },
                            callback: function (ret) {
                                app.log("提交汇款订单", "返回：" + JSON.stringify(ret));
                                if (ret.code == 200) {
                                    app.toast("提交成功！");
                                    app.trigger("recharge_commit_success");
                                    // 关闭窗口
                                    app.tout(500, function () {
                                        app.closeW();
                                    });
                                } else {
                                    app.toast(ret.message);
                                }
                            }
                        },
                        extra: {
                            isflower: true
                        }
                    });
                }
                app.listen("confirmTranfer", function () {
                    sendData();
                    return
                    if (isnew == 0) {
                        sendData();
                    } else {
                        app.ajax({
                            param: {
                                method: "get",
                                url: app.ajaxUrl + "recharge/transfer",
                                data: {
                                    values: {
                                        token: account.token,
                                        order_id: order_id,
                                        amount: amount,
                                        card_owner_name: cardUserName,
                                        channel: payMethod,
                                        alipay_order: payMethod == "ALIPAY_TRANSFER" ?  $("#getAliOrderNum").val().trim():"",
                                        is_new: isnew
                                    }
                                }, callback: function (ret, err) {
                                    if (ret.code == 200) {
                                        order_id = ret.data.order_id;
                                        sendData();
                                    } else {
                                        app.toast(ret.message);
                                    }
                                }
                            }, extra: {
                                isflower: true
                            }
                        });
                    }
                })
            });
            $("#revokeButton").click(function () {
                var paramname = {
                    dtype: "dialog99",
                    stopPropagation: true,
                    data: {
                        dataEvent: "canleOrderID"
                    }
                };
                app.dialog(paramname);
            })
            app.listen("canleOrderID", function () {
                app.ajaxPro({
                    url: "recharge/undo-transfer",
                    values: {
                        token: account.token,
                        order_id: order_id
                    },
                    openFlower: true
                }, function (ret) {
                    if (ret.code == 200) {
                        app.toast("取消转账成功");
                        app.tout(500, function () {
                            app.closeW();
                        });
                    } else {
                        app.toast(ret.message);
                    }
                })
            })
            // $(".showchooseBank").click(function () {
            //     app.openFrame({
            //         name: "publictransfer_daliog",
            //         url: app.hd + "mine/publictransfer_daliog.html",
            //         bgColor: "rgba(0,0,0,0.4)",
            //         rect: {
            //             x: 0,
            //             y: 0,
            //             w: app.W,
            //             h: app.H
            //         }
            //     });
            // });
            // app.listen("chooseItem", function (ret) {
            //     var thisItem = ret.value;
            //     payMethod = thisItem.methodPay;
            //     $(".itemImgUrl").attr("src", thisItem.imgUrl);
            //     $(".itemName").text(thisItem.itemName)
            //     loadPage(payMethod);
            // })
        }
    </script>

    <script type="text/html" id="dialog15">
    <ul class="showdeatail">
        <li>
            <p>
                收款方户名
            </p>
            <p>
                <span>
                    {{=it.data.extra.card_info.name}}
                </span>
                <button data-value={{=it.data.extra.card_info.name}}>
                    复制
                </button>
            </p>
        </li>
        <li>
            <p>
                收款方账号
            </p>
            <p>
                <span>
                        {{=it.data.extra.card_info.card_num}}
                </span>
                <button data-value={{=it.data.extra.card_info.card_num}}>
                    复制
                </button>
            </p>
        </li>
        <li class="threeClass">
            <p>
                收款方开户行
            </p>
            <p>
                <span>
                    {{=it.data.extra.card_info.bank_name}}
                </span>
                <button data-value={{=it.data.extra.card_info.bank_name}}>
                    复制
                </button>
            </p>
        </li>
        <li style="display:{{=it.data.getChoose=='CNY'?'none':'flex'}}">
            <p>
                SWIFT Code
            </p>
            <p>
                <span>
                    {{=it.data.extra.card_info.bank_swift_code}}
                </span>
                <button data-value={{=it.data.extra.card_info.bank_swift_code}}>
                    复制
                </button>
            </p>
        </li>
        <li style="border-top:{{=it.data.getChoose=='CNY'?'none':''}}">
            <p>
                转账金额
            </p>
            <p>
                <span>
                    {{?it.data.getChoose=="CNY"}}￥{{??it.data.getChoose=="USD"}}${{??it.data.getChoose=="EUR"}}€
                    {{??it.data.getChoose=="HKD"}}HK${{??}}-{{?}}{{=it.data.extra.total_fee}}
                </span>
            </p>
        </li>
        <li style="border-bottom:1px solid rgba(248, 212, 72, 1)">
            <p>
                状态
            </p>
            <p>
                <span style="color:#ED5656">
                    待确认转账
                </span>
            </p>
        </li>
    </ul>
    </script>
    <script type="text/html" id="dialog15New">
    <ul class="showdeatailNew">
        <li>
            <p>
                收款方姓名
            </p>
            <p>
                <span>
                    {{=it.data.extra.card_info.name}}
                </span>
            </p>
        </li>
        <li>
            <p>
                支付宝账户
            </p>
            <p>
                <span>
                        {{=it.data.extra.card_info.card_num}}
                </span>
                <button data-value={{=it.data.extra.card_info.card_num}}>
                    复制
                </button>
            </p>
        </li>
        <li>
            <p>
                付款金额
            </p>
            <p>
                <span>
                    {{?it.data.getChoose=="CNY"}}￥{{??it.data.getChoose=="USD"}}${{??it.data.getChoose=="EUR"}}€
                    {{??it.data.getChoose=="HKD"}}HK${{??}}-{{?}}{{=it.data.extra.total_fee}}
                </span>
            </p>
        </li>
        <li style="border-bottom:1px solid rgba(248, 212, 72, 1)">
            <p>
                状态
            </p>
            <p>
                <span style="color:#ED5656">
                    待确认转账
                </span>
            </p>
        </li>
    </ul>
</script>
</body>

</html>